<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router'
const props = defineProps({
	title: String,
	default: ''
})
const router = useRouter()
const back = () => {
	router.back()
}
</script>
<template>
	<div class="main">
		<div class="heaeder">
			<div @click="back" class="back">
				<el-icon style="margin-right: 5px"><Back /></el-icon> {{ props.title }}
			</div>
		</div>
	</div>
</template>
<style lang="scss" scoped>
.main {
	width: 100%;
	height: 100%;
	margin-left: 8px;
	.heaeder {
		width: 100%;
		background-color: #fff;
		padding: 15px;
		border-bottom: 1px solid #e8e8e8;
		.back {
			display: flex;
			align-items: center;
			cursor: pointer;
			color: #000000d9;
			font-weight: 600;
		}
	}
}
</style>
